/* Polices personnalisées */
@font-face 
{
    font-family: 'death_in_the_shadowregular';
    src: url('../polices/death_shadow/death_in_the_shadow-webfont.eot');
    src: url('../polices/death_shadow/death_in_the_shadow-webfont.eot?#iefix') format('embedded-opentype'),
        url('../polices/death_shadow/death_in_the_shadow-webfont.woff') format('woff'),
        url('../polices/death_shadow/death_in_the_shadow-webfont.ttf') format('truetype'),
        url('../polices/death_shadow/death_in_the_shadow-webfont.svg#death_in_the_shadowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'no_fearregular';
    src: url('../polices/no_fear/no_fear-webfont.eot');
    src: url('../polices/no_fear/no_fear-webfont.eot?#iefix') format('embedded-opentype'),
        url('../polices/no_fear/no_fear-webfont.woff') format('woff'),
        url('../polices/no_fear/no_fear-webfont.ttf') format('truetype'),
        url('../polices/no_fear/no_fear-webfont.svg#no_fearregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dream_orphansbold';
    src: url('../polices/dream_orphan/dream_orphans_bd-webfont.eot');
    src: url('../polices/dream_orphan/dream_orphans_bd-webfont.eot?#iefix') format('embedded-opentype'),
        url('../polices/dream_orphan/dream_orphans_bd-webfont.woff') format('woff'),
        url('../polices/dream_orphan/dream_orphans_bd-webfont.ttf') format('truetype'),
        url('../polices/dream_orphan/dream_orphans_bd-webfont.svg#dream_orphansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bleeding_cowboysregular';
    src: url('bleeding_cowboys-webfont.eot');
    src: url('bleeding_cowboys-webfont.eot?#iefix') format('embedded-opentype'),
        url('bleeding_cowboys-webfont.woff') format('woff'),
        url('bleeding_cowboys-webfont.ttf') format('truetype'),
        url('bleeding_cowboys-webfont.svg#bleeding_cowboysregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kingthings_exeterregular';
    src: url('../polices/king/kingthings_exeter-webfont.eot');
    src: url('../polices/king/kingthings_exeter-webfont.eot?#iefix') format('embedded-opentype'),
        url('../polices/king/kingthings_exeter-webfont.woff') format('woff'),
        url('../polices/king/kingthings_exeter-webfont.ttf') format('truetype'),
        url('../polices/king/kingthings_exeter-webfont.svg#kingthings_exeterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dream_orphanageregular';
    src: url('../polices/king/dream_orphanage_rg-webfont.eot');
    src: url('../polices/king/dream_orphanage_rg-webfont.eot?#iefix') format('embedded-opentype'),
        url('../polices/king/dream_orphanage_rg-webfont.woff') format('woff'),
        url('../polices/king/dream_orphanage_rg-webfont.ttf') format('truetype'),
        url('../polices/king/dream_orphanage_rg-webfont.svg#dream_orphanageregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body
{
    height: 100%;
}

body
{

    position: relative;
    left:47%;
    width: 850px;
    margin:0 0 0 -375px;
    background: #2b2b2b;
    font-family:'kingthings_exeterregular','Comic Sans MS','Lucida Sans Unicode', sans-serif;
    font-size: 14pt;
    font-weight: 300;
    color: #6c6c6c;
    min-height: 100%;
}


#descritpion
{
    position: absolute;
    top: 46em;
    line-height: 150%;
}

#colonnes
{
    position: absolute;
    text-align: center;
    top: 15em;
    left: -3.5em;
}


#colonne1, #colonne2, #colonne3, #colonne4 
{
    display: inline-block;
    margin-left: 0px;
}

#presse
{
    position: absolute;
    top: 16em;
}

#contact
{
    position: absolute;
    top: 15em;
}



/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

.button
{
    display: inline-block;
    padding: 1.3em 3em;
    background: #1c5ab0;
    border-radius: 30px;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF;
}

.button:hover
{
    background: #1757ae;
}

.button:active
{
}

.button-big
{
    padding: 1.6em 4em;
    font-size: 1.4em;
    font-weight: 900;
}




/*********************************************************************************/
/* Images                                                                        */
/*********************************************************************************/



#groupe
{
    position: absolute;
    max-width: 100%;
    height: 490px;
    top: 15em;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-color: #111111;
}

#presentationimg
{
    position: absolute;
    top: 42em;
    left:25%;

}

#tmd
{
    position: absolute;
    top: 3em;
    left:86%;
}
#logo
{
    position: absolute;
    top: 0.8em;
    z-index: 1;
    max-width: 100%;
}

#fbicone
{
    position: fixed;
    top: 3%;
    z-index: 1;
    left: 3%;

}

#logofb
{
    width:50px;
    height:50px;
}

#scene
{
    max-width: 100%;
    height: 490px;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-color: #111111;
}

#MI
{
    position: absolute;
    left: 20%;
}

#imageDel
{
    max-width: 100%;
    height: 250px;
}

#book
{
    position: absolute;
    top: 35em;
    left: 3em;
}
#bookimg
{

    max-width: 100%;
    height: 490px;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-color: #111111;
}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

#menu
{
    position: absolute;
    left: -8.6%;
    top: 8.9em;
}

#menu ul
{
    display: inline-block;
}

#menu li
{
    display: block;
    float: left;
    text-align: center;
}

#menu li a, #menu li span
{
    display: inline-block;
    margin-left: 1px;
    padding: 1em 0.5em 1em 1.5em;
    letter-spacing: 0.05em;
    text-decoration: none;
    font-size: 1.11em;
    text-transform: uppercase;
    outline: 0;
    color: #FFF;
}





/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
footer
{
    position: fixed;
    bottom: 0;
    background-color: #1f1f1f;
    border-top: 1px solid #3a3a3a;
    left: 0px;
    width: 100%;
    height: 60px;
    z-index: 1;
}

.copyright, .contact, .btnconnect
{
    display: inline-block;
    font-size: 0.8em;

}

.copyright
{
    color: white;
}
.contact
{	
    line-height: 30px;
    float: right;
    color: white;
}
.connexion
{
    position: absolute;
    top: 20em;
    left: 30%;

}
.connexionok
{
    position: absolute;
    top: 20em;
    left: 30%;
}

#page_audio
{
    position: absolute;
    top: 16em;
}

#confirmationMail
{
    position: absolute;
    top: 16em;
}

#supok
{
    position: absolute;
    top: 16em;
}
// Slider
